import React from "react";
import { Tabs } from "antd";
import UseCounter from "../Components/SomeHookCom/UseCounter";
import UseCallback from "../Components/SomeHookCom/UseCallback";
import UseContext from "../Components/SomeHookCom/UseContext";
import UseMemo from "../Components/SomeHookCom/UseMemo";
import UseRef from "../Components/SomeHookCom/UseRef";
import UseMyHook from "../Components/SomeHookCom/UseMyHook";
const { TabPane } = Tabs;
const HooksWithReact: React.FC = (): React.ReactElement => {
  return (
    <Tabs defaultActiveKey="6">
      <TabPane tab="UseMyHook" key="6">
        <UseMyHook />
      </TabPane>
      <TabPane tab="UseRef" key="5">
        <UseRef />
      </TabPane>
      <TabPane tab="UseMemo" key="4">
        <UseMemo />
      </TabPane>
      <TabPane tab="UseContext" key="1">
        <UseContext />
      </TabPane>
      <TabPane tab="UseCallback" key="2">
        <UseCallback />
      </TabPane>
      <TabPane tab="UseCounter" key="3">
        <UseCounter />
      </TabPane>
    </Tabs>
  );
};
export default HooksWithReact;
